{% extends "html/sidebar.html" %}
{% block pageTitle %}
    <title>Normal Day</title>
{% endblock pageTitle %}

{% block style %}
    {{ block.super }}
    <link rel="stylesheet" type="text/css" href="{{STATIC_URL}}css/normalDay.css" />{% comment %}links to css{% endcomment %}
{% endblock style %}

{% block script %}
    {{ block.super }}
    <script type="text/javascript" src="{{STATIC_URL}}js/normalDay.js" ></script>{% comment %}links to javascript{% endcomment %}
{% endblock script%}

{% block content %}
    {{ block.super }}
    <div id="normalDayOuter">        
        <div>Distance Traveled: <span id="distTraveled">{{ party.distanceFromStart }}</span></div>
        <div>Food left: <span id="currFood">{{ food }}</span></div>
        
        <div id="changeOptions">
            <button class='button' id="changePaceButton">Change Pace</button><br/>
            <button class='button' id="changeRationsButton">Change Rations</button><br/><br/>
        </div>
        
        <div id="move">
            <button class='button' url="{% url travel_game.views.move %}" id="continue">Continue on the trail</button>
        </div>
        <div id="changePaceForm" style='display:none' url="{% url travel_game.views.changePace %}"><form method='GET' action='#'>{{ paceForm.as_p }}</form></div>
        <div id="changeRationsForm" style='display:none' url="{% url travel_game.views.changeRations %}"><form method='GET' action='#'>{{ rationForm.as_p }}</form></div>
     </div>
    


{% endblock content %}
